<clr-datagrid [clrDgLoading]="loading" [clrDgSelected]="selected">
    <clr-dg-action-bar>
        <div class="btn-group">
            <button type="button" class="btn btn-sm btn-secondary">
                <clr-icon shape="plus" size="16"></clr-icon>
                {{"APP_ADD"|translate}}
            </button>
            <button type="button" class="btn btn-sm btn-secondary" [disabled]="selected.length<1">
                <clr-icon shape="close"></clr-icon>
                {{"APP_DELETE"|translate}}
            </button>
        </div>
    </clr-dg-action-bar>
    <clr-dg-column>{{"APP_CREATED_DATE"|translate}}</clr-dg-column>

    <clr-dg-row *clrDgItems="let item of items" [clrDgItem]="item">
        <clr-dg-cell>{{item.createdAt|date:'yyyy-MM-dd HH:mm:ss'}}</clr-dg-cell>
    </clr-dg-row>

    <!--    <clr-dg-footer>-->
    <!--        <clr-dg-pagination #pagination [(clrDgPage)]="page" [clrDgPageSize]="size" [clrDgTotalItems]="total"-->
    <!--                           (clrDgPageChange)="refresh()">-->
    <!--            {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}}-->
    <!--            {{"APP_PAGER_TOTAL"|translate}} {{pagination.totalItems}} {{"APP_CLUSTER"|translate}}-->
    <!--        </clr-dg-pagination>-->
    <!--    </clr-dg-footer>-->
</clr-datagrid>

